<template>
  <view>
   <tn-navbar> 修改密码</tn-navbar>
   <view class="tn-m-sm tn-p-sm shadow"> 
       <view class="tn-mb">
           <tn-title title="修改密码"  mode="vLine" assist-color="tn-blue" size="lg" /></view>
           <tn-form ref="formRef" :model="formData"   label-position="top">
               <tn-form-item label="新密码">
                   <tn-input v-model="formData.password"  ></tn-input>
               </tn-form-item>
               <tn-form-item label="确认密码">
                   <tn-input v-model="formData.confirmPassword"></tn-input>
               </tn-form-item> 
               <view class="tn-flex justify-center">
                   
                   <tn-button @click="updatePassword" size="xl" width="100%">确认</tn-button>
               </view>
           </tn-form>
       </view>
  </view>
</template>

<script setup lang="ts">
import { ref } from "vue"; 
const formData = ref({
    id: 0,
    password: null,
    confirmPassword: null,
});


/**
 * 密码
 */
const updatePassword = async () => {
  
};
</script>

<style scoped>
/* 样式 */
</style>
